<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#add").click(function(){
					// 创建元素
					let div=$("<div></div>") 
					let file=$("<input type='file'/>")
					//let btn=$("<input type='button' value='删除' class='del' onclick='fun()' />")
					let btn=$("<input type='button' value='删除' class='del' />")
					//通过文档对象来进行动态绑定,符合特定的元素(三个参数)
					$(document).on("click",".del",fun)
					//在新建的div中间追加子元素
					div.append(file)
					div.append(btn)
					//再在网页的id=class里增加创建新元素div
					$("#con").append(div)
				})
			})
			function fun(){
				//事件响应,获得当前正在点击的按钮
				$(event.target.parentNode).remove()
			}
		</script>	
	</head>
	<body>
		选择你要上传的文件
		<div>
			<input type="file" name="" />
			<input type="button" id="add"  value="增加" />
		</div>
		<div id="con"></div> <!-- 在此增加新内容 -->
	</body>
</html>
